<!--
  author: tangcheng_cd
  create by: 2020/6/23
  descr: upp公共统一的一个查询风格
-->
<template>
    <div class="upp-common-qry-area">
        <div class="qry-form">
            <slot></slot>
        </div>
        <div class="qry-btn-area">
            <slot name="btnArea">
                <el-button type="primary" size="mini" v-prevent-re-click @click="$emit('confirm')" class="qry-btn">查询</el-button>
            </slot>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        name: 'upp-common-qry-area'
    }
</script>

<style lang="stylus" rel="stylesheet/stylus">
.upp-common-qry-area
    margin 7px 0 10px 0
    background-color white
    padding 20px
    border-radius 4px
    box-shadow 0 2px 4px 0 rgba(0,0,0,0.1)
    .qry-form
        padding 3px
        .el-form-item
            margin-bottom 1px
        .el-input
            width 240px
    .qry-btn-area
        text-align center
        .qry-btn
            width 80px
</style>
